<!DOCTYPE html>
<html>
<head>
    <title>视频预览</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="keywords" content="EliteCRM, WebChat"/>
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <meta name="apple-mobile-web-app-title" content="WebChat"/>
    <link rel="stylesheet" type="text/css" href="js/viewer/viewer.min.css"></link>
    <script type="text/javascript" src="js/jquery/jquery-3.6.0.min.js"></script>
    <style>
        .video-show {
            width: 100%;
            position: absolute;
            left: 0;
            top: 50%;
            transform: translateY(-50%);
        }

        .viewer-backdrop {
            background-color: rgba(0, 0, 0, 1);
        }
    </style>
    <script type="text/javascript">

        function getParaFromUrl() {
            var url = window.location.href,
                pos = url.indexOf("?"),
                parastr = url.substring(pos + 1),
                para = {};
            var paraArr = parastr.split("&");
            for (var i = 0; i < paraArr.length; i++) {
                var paraOne = paraArr[i];
                para[paraOne.substring(0, paraOne.indexOf("="))] = paraOne.substring(paraOne.indexOf("=") + 1, paraOne.length);
            }
            return para;
        }

        $(function () {
            var params = getParaFromUrl()
            if (params.url) {
                var url = params.url;
                $(".video-show").attr("src", url);
            }
            // if (params.type) {
            //     var type = params.type;
            //     $(".video-show").attr("src", type);
            // }
        });
    </script>
</head>
<body class="viewer-backdrop">
<video class="video-show" src="" autoplay="autoplay" type="video/MOV" controls="controls"></video>
</body>
</html>